<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <script type="text/javascript" src="./static/virtualKeyboard/vk_loader.js?vk_layout=CN%20Chinese%20Simpl.%20Pinyin&vk_skin=flat_gray"></script>
    <script type="text/javascript" src="./static/virtualKeyboard/jquery-1.8.2.min.js"></script>
    <title>my-vue</title>
  </head>
  <body>
    <div id="app"></div>
    <div id="softkey"></div>
    <input type="text" id="txt" onclick="test('txt')" style="opacity: 0"/>
  </body>
</html>
<script>
  (function () {
    $("#softkey").css("opacity", "0");
    //VirtualKeyboard.toggle('txt', 'softkey');
    $("#kb_langselector,#kb_mappingselector,#copyrights").css("display", "none");
  })()
  function test(ID){
    VirtualKeyboard.toggle(ID, 'softkey');
    $("#softkey").css("opacity", "1");
    $("#kb_langselector,#kb_mappingselector,#copyrights").css("display", "none");
  }
</script>
